<!DOCTYPE html>
<html style="width: 100%; height: 100%">
<head>
  <script>
    clicksReceived = 0;

    function clickHandler(e) {
      var clickResult = document.getElementById("click-results");
      clicksReceived++;
      if (clicksReceived == 1)
        clickResult.textContent = "1 click received";
      else
        clickResult.textContent = clicksReceived + " clicks received";
    }

    function getClickStatus() {
      var clickResult = document.getElementById("click-results");
      return clickResult.textContent;
    }

    window.addEventListener('load', function(){
      document.body.addEventListener('click',
                                      function(e){
                                        clickHandler(e);
                                      }, false);
    }, false);
  </script>
</head>

<!-- Be sure to set 100% width/height so the test can determine an appropriate
     screen region for targeting events. -->
<body style="width: 100%; height: 100%">
  Page with Click Handler
  <div id="click-results">0 clicks received</div>
</body>
</html>
